<template>
  <div>
    <div style="position: relative;">
      <iframe style="width: 50vw;height:50vh;position: absolute;top:0;left:0" src="http://192.168.35.167:8888/#/lcd" />
      <iframe style="width: 50vw;height:50vh;position: absolute;top:0;right:0" src="http://192.168.35.167:8888/#/visual" />
    </div>
    <div style="width: 50vw;height:50vh;position: absolute;bottom:0;left:0;background-color:skyblue">
      <h1>待开发</h1>
    </div>
    <div style="width: 50vw;height:50vh;position: absolute;bottom:0;right:0;background-color:skyblue">
      <h1>待开发</h1>
    </div>
  </div>
</template>

<script>
export default {
  name: "EchartTable",
  components: {},
  mounted() {
    // var whei = window.width()
    // document.getElementsByTagName('html').css({ fontSize: whei / 20 })
    // window.resize(function() {
    //   var whei = window.width()
    //   document.getElementsByTagName('html').css({ fontSize: whei / 20 })
    // })
  },
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
</style>

